<template>
  <div>
    <div>

      <form-create  class="my-form" style="width: 100%;" :rule="rule" :option="option"></form-create>
    </div>
  </div>
</template>

<script>
export default {
  data(){
    return{
      rule:[
        {
          type:"x-table",
          props:{
            columns:[
              {
                key:"date",
                label:"時間"
              },
              {
                key:"name",
                label:"姓名"
              },
              {
                key:"address",
                label:"地址"
              }
            ],
            tableData : [
              {
                date: '2016-05-03',
                name: 'Tom',
                address: 'No. 189, Grove St, Los Angeles',
              },
              {
                date: '2016-05-02',
                name: 'Tom',
                address: 'No. 189, Grove St, Los Angeles',
              },
              {
                date: '2016-05-04',
                name: 'Tom',
                address: 'No. 189, Grove St, Los Angeles',
              },
              {
                date: '2016-05-01',
                name: 'Tom',
                address: 'No. 189, Grove St, Los Angeles',
              },
            ],
          }
        }
      ],

      option: {
        "submitBtn": false,
        "resetBtn": false
      },

    }
  }
}
</script>
